<template>
  <div>

    <Modal v-model="noticeFlage" :title="noticesDetail.title">
      <div v-if="noticesDetail" v-html="noticesDetail.content">

      </div>
    </Modal>
    <div class="box flex">
      <div class="box-left">
        <div class="card shop flex">
          <div>
            <h4>Hi</h4>
            <img class="shop-logo" :src=" require('@/assets/logo.png')" alt="">
          </div>
          <div class="shop-box">
            <div class="box-item">
              <div>店铺状态：开启中</div>
            </div>
          </div>

          <div class="rate-box">
            <div>
              <i-circle :size="120" stroke-color="#fecb89" :trail-width="4" :stroke-width="5" :percent="(4  *  20)" stroke-linecap="square">
                <div class="demo-Circle-custom">

                  <p class="bold">4分</p>
                </div>
              </i-circle>
              <h5>服务得分</h5>
            </div>
            <div>
              <i-circle :size="120" stroke-color="#a7c5eb" :trail-width="4" :stroke-width="5" :percent="(4.5  *  20)" stroke-linecap="square">
                <div>

                  <p class="bold">4.5分</p>
                </div>
              </i-circle>
              <h5>交货得分</h5>
            </div>
            <div>
              <i-circle :size="120" stroke-color="#848ccf" :trail-width="4" :stroke-width="5" :percent="(5 *  20)" stroke-linecap="square">
                <div>
                  <p class="bold">5分</p>
                </div>
              </i-circle>
              <h5>评价得分</h5>
            </div>
          </div>
        </div>
        <div class="card">
          <h4>待办事项</h4>

          <div class="detail-list">
            <div class="detail-item">
              <div>
                <span>1</span>
                <div>待付款</div>
              </div>
              <div class="detail-title">
                交易前
              </div>
            </div>

            <div class="detail-item">
              <div>
                <span>747</span>
                <div>待发货</div>
              </div>
              <div>
                <span>5</span>
                <div>待收货</div>
              </div>
              <div class="detail-title">
                交易中
              </div>
            </div>
            <div class="detail-item">
              <div>
                <span>0</span>
                <div>退款</div>
              </div>
              <div>
                <span>0</span>
                <div>退货</div>
              </div>
              <div>
                <span>79</span>
                <div>待评价</div>
              </div>
              <div class="detail-title">
                交易后
              </div>
            </div>
            <div class="detail-item">
              <div>
                <span>0</span>
                <div>待处理</div>
              </div>

              <div class="detail-title">
                投诉
              </div>
            </div>
            <div class="detail-item">
              <div>
                <span>1</span>
                <div>待上架</div>
              </div>
              <div>
                <span>4</span>
                <div>审核中</div>
              </div>
              <div class="detail-title">
                商品
              </div>
            </div>

            <div class="detail-item">
              <div>
                <span>0</span>
                <div>秒杀活动</div>
              </div>
              <div>
                <span>0</span>
                <div>等待对账</div>
              </div>
              <div class="detail-title">
                其他
              </div>
            </div>

          </div>
        </div>
      </div>
      <!-- 公告 -->
      <div class="card box-right">
        <h4>平台公告</h4>
        <div>
          无
        </div>
      </div>
    </div>

    <div class="card ">
      <h4>整体数据</h4>
      <div class="count-list flex">
        <div class="count-item">
          <div>
            <Icon class="icon" size="31" type="md-photos" />
          </div>
          <div>
            <div class="counts">23</div>
            <div>商品数量</div>
          </div>

        </div>
        <div class="count-item">
          <div>
            <Icon class="icon" size="31" type="ios-card" />
          </div>
          <div>
            <div class="counts">2400.00</div>
            <div>订单总额</div>
          </div>

        </div>
        <div class="count-item">
          <div>

            <Icon class="icon" size="31" type="md-list" />
          </div>
          <div>
            <div class="counts">2</div>
            <div>订单数量</div>
          </div>

        </div>
        <div class="count-item">
          <div>
            <Icon class="icon" size="31" type="md-person" />
          </div>
          <div>
            <div class="counts">41</div>
            <div>访客数量</div>
          </div>

        </div>
      </div>
    </div>
  </div>
</template>

<script>

</script>

<!--<style lang="scss" scoped>-->
<!--import "@/assets/css/home.scss"-->
<!--</style>-->
